<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="../superui/content/ui/global/bootstrap/css/bootstrap.min.css"
          th:href="@{/superui/content/ui/global/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../superui/content/ui/global/font-awesome/css/font-awesome.css"
          th:href="@{/superui/content/ui/global/font-awesome/css/font-awesome.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/AdminLTE.css"
          th:href="@{/superui/content/adminlte/dist/css/AdminLTE.css}"/>
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/skins/_all-skins.min.css"
          th:href="@{/superui/content/adminlte/dist/css/skins/_all-skins.min.css}"/>
    <link rel="stylesheet" href="../superui/content/min/css/supershopui.common.min.css"
          th:href="@{/superui/content/min/css/supershopui.common.min.css}"/>
    <link rel="stylesheet" href="../superui/content/plugins/bootstrap-table/bootstrap-table.css"
          th:href="@{/superui/content/plugins/bootstrap-table/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../css/global.css"
          th:href="@{/css/global.css}"/>
    <!--全局通用框架样式 end-->
    <!-- iCheck -->
    <link rel="stylesheet" href="../superui/content/plugins/iCheck/square/blue.css"
          th:href="@{/superui/content/plugins/iCheck/square/blue.css}"/>
    <link rel="stylesheet" href="../../js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"
          th:href="@{/js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
</head>
<body>
<section class="content-header">
    <h1>
        发票管理
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">发票管理</a></li>
        <li class="active">发票列表</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PORTLET-->
            <div class="box-body">
                <div class="panel panel-default no-margin">
                    <div class="panel-body search-box">
                        <form id="formSearch" class="form-horizontal">

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_orderNum" class="col-sm-4 control-label">订单编号：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_orderNum" name="orderNum" class="form-control" type="text" value="" placeholder="请输入订单编号">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_invoiceTitle" class="col-sm-4 control-label">名称：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_invoiceTitle" name="invoiceTitle" class="form-control" type="text" value="" placeholder="请输入名称">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_invoiceType" class="col-sm-4 control-label">发票类型：</label>
                                <div class="col-sm-8">
                                    <select id="txt_search_invoiceType" name="invoiceType" class="form-control">
                                        <option value="-1">全部</option>
                                        <option value="1">个人</option>
                                        <option value="2">公司</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_applyStatus" class="col-sm-4 control-label">申请状态：</label>
                                <div class="col-sm-8">
                                    <select id="txt_search_applyStatus" name="applyStatus" class="form-control">
                                        <option value="-1">全部</option>
                                        <option value="1">申请中</option>
                                        <option value="2">已办理</option>
                                        <option value="3">已作废</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_applyDate" class="col-sm-4 control-label">申请时间：</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form_date_start" id="txt_search_applyDate" name="applyDate"
                                           placeholder="请选择申请时间"/>
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px; margin-right: 10px">
                                <label class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <button type="button" class="btn btn-default" id="btn-search" onclick="clickSearch()">
                                        <i class="fa  fa-search"></i>
                                        查询
                                    </button> &nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-default" id="resetVal" onclick="resetSearchVal()">
                                        <i class="fa  fa-repeat"></i>
                                        重置
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div id="invoiceTableToolbar" class="btn-group">
                    <button id="btn_invoice_export" type="button" class="btn btn-primary">
                        <span class="fa fa-share-square-o" aria-hidden="true"></span>发票信息导出
                    </button>
                </div>

                <div class="table-scrollable">
                    <table class="table-striped table-hover" id="invoiceTable">

                    </table>
                </div>
            </div>
            <!-- END SAMPLE TABLE PORTLET-->
            <!--发票申请编辑框-->
            <div id="invoiceDialog" class="hide">
                <form id="frmMain" class="form-horizontal">
                    <div class="box-body" style="width: 99%">
                        <input type="hidden" id="id" name="id" value="">
                        <div class="form-group">
                            <label for="invoiceType" class="col-sm-3 control-label necessary">发票类型：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="invoiceType" name="invoiceType"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="invoiceSerialNumber" class="col-sm-3 control-label">发票流水号：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="invoiceSerialNumber" name="invoiceSerialNumber"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="invoiceTitle" class="col-sm-3 control-label necessary">名称：</label>
                            <div class="col-sm-7">
                                <input id="invoiceTitle" name="invoiceTitle" class="form-control" type="text" value="" placeholder="请输入名称">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="invoiceTitle" name="invoiceTitle"></p>-->
                            </div>
                        </div>

                        <div class="form-group" id="taxCodeDiv">
                            <label for="taxCode" class="col-sm-3 control-label necessary">税号：</label>
                            <div class="col-sm-7">
                                <input id="taxCode" name="taxCode" class="form-control" type="text" value="" placeholder="请输入税号">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="taxCode" name="taxCode"></p>-->
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="email" class="col-sm-3 control-label necessary">邮箱：</label>
                            <div class="col-sm-7">
                                <input id="email" name="email" class="form-control" type="text" value="" placeholder="请输入邮箱">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="email" name="email"></p>-->
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="orderNum" class="col-sm-3 control-label necessary">订单编号：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="orderNum" name="orderNum"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="orderPrice" class="col-sm-3 control-label necessary">订单金额：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="orderPrice" name="orderPrice"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="invoiceContent" class="col-sm-3 control-label">开票内容：</label>
                            <div class="col-sm-7">
                                <input id="invoiceContent" name="invoiceContent" class="form-control" type="text" value="" placeholder="请输入开票内容">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="invoiceContent" name="invoiceContent"></p>-->
                            </div>
                        </div>

                        <div class="form-group" id="unitAddressDiv">
                            <label for="unitAddress" class="col-sm-3 control-label">单位地址：</label>
                            <div class="col-sm-7">
                                <input id="unitAddress" name="unitAddress" class="form-control" type="text" value="" placeholder="请输入单位地址">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="unitAddress" name="unitAddress"></p>-->
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="phone" class="col-sm-3 control-label">电话号码：</label>
                            <div class="col-sm-7">
                                <input id="phone" name="phone" class="form-control" type="text" value="" placeholder="请输入电话号码">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="phone" name="phone"></p>-->
                            </div>
                        </div>

                        <div class="form-group" id="bankDiv">
                            <label for="bank" class="col-sm-3 control-label">开户行：</label>
                            <div class="col-sm-7">
                                <input id="bank" name="bank" class="form-control" type="text" value="" placeholder="请输入开户行">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="bank" name="bank"></p>-->
                            </div>
                        </div>

                        <div class="form-group" id="bankAccountDiv">
                            <label for="bankAccount" class="col-sm-3 control-label">银行账户：</label>
                            <div class="col-sm-7">
                                <input id="bankAccount" name="bankAccount" class="form-control" type="text" value="" placeholder="请输入银行账户">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="bankAccount" name="bankAccount"></p>-->
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="applyDate" class="col-sm-3 control-label">申请时间：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="applyDate" name="applyDate"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="applyStatus" class="col-sm-3 control-label">申请状态：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="applyStatus" name="applyStatus"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="invoicedCompamy" class="col-sm-3 control-label">开票公司：</label>
                            <div class="col-sm-7">
                                <input id="invoicedCompamy" name="invoicedCompamy" class="form-control" type="text" value="" placeholder="请输入开票公司">
                                <!--<p class="form-control-static" style="padding-left: 10px;" id="bankAccount" name="bankAccount"></p>-->
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="taxNumber" class="col-sm-3 control-label">发票号码：</label>
                            <div class="col-sm-7">
                                <input id="taxNumber" name="taxNumber" class="form-control" type="text" value="" placeholder="请输入发票号码">
                            </div>
                        </div>


                    </div>
                </form>
            </div>
            <!--发票申请确认框-->
            <div id="invoiceSubmitDlg" class="hide">
                <form id="frmMain1" class="form-horizontal">
                    <div class="box-body" style="width: 99%">

                        <div class="form-group">
                            <label class="col-sm-3 control-label">名称：</label>
                            <div class="col-sm-7">
                                <p class="form-control-static" style="padding-left: 10px;" id="invoice_title"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">开票公司：</label>
                            <div class="col-sm-7">
                                <input id="invoiced_compamy" name="invoiced_compamy" class="form-control" type="text" value="" placeholder="请输入开票公司">

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">发票号码：</label>
                            <div class="col-sm-7">
                                <input id="tax_number" name="tax_number" class="form-control" type="text" value="" placeholder="请输入发票号码">
                            </div>
                        </div>


                    </div>
                </form>
            </div>
            <!-- /.modal -->
        </div>
    </div>

</section>
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.2.3 -->
<script src="../../superui/content/ui/global/jQuery/jquery.min.js"
        th:src="@{/superui/content/ui/global/jQuery/jquery.min.js}"></script>
<!-- Bootstrap 3.3.6 -->

<script src="../../superui/content/ui/global/bootstrap/js/bootstrap.min.js"
        th:src="@{/superui/content/ui/global/bootstrap/js/bootstrap.min.js}"></script>
<!--supershopui-->
<script src="../../superui/content/min/js/supershopui.common.js"
        th:src="@{/superui/content/min/js/supershopui.common.js}"></script>

<!--bootstrap-table-->
<script src="../../superui/content/plugins/bootstrap-table/bootstrap-table.js"
        th:src="@{/superui/content/plugins/bootstrap-table/bootstrap-table.js}"></script>
<script src="../../superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"
        th:src="@{/superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<script src="../../js/assets/common/bootstrap-table-object.js"
        th:src="@{/js/assets/common/bootstrap-table-object.js}"></script>
<!-- iCheck -->
<script src="../../superui/content/plugins/iCheck/icheck.min.js"
        th:src="@{/superui/content/plugins/iCheck/icheck.min.js}"></script>
<script src="../../js/assets/common/Feng.js"
        th:src="@{/js/assets/common/Feng.js}"></script>

<script src="../../js/assets/lib/numeral/numeral.min.js"
        th:src="@{/js/assets/lib/numeral/numeral.min.js}"></script>

<!--bootsrtap日历控件脚本-->
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js}"></script>

<!-- 模板引擎-->
<script src="../../js/assets/lib/artTemplate/template.js"
        th:src="@{/js/assets/lib/artTemplate/template.js}"></script>
<!-- 请求脚本-->
<script src="../../js/assets/common/ajax-util.js"
        th:src="@{/js/assets/common/ajax-util.js}"></script>
<!-- 公用脚本-->
<script src="../../js/assets/common/common.js"
        th:src="@{/js/assets/common/common.js}"></script>

<!-- 发票脚本-->
<script src="./../../js/invoice/list/list.js"
        th:src="@{/js/invoice/list/list.js}"></script>
<script src="./../../js/invoice/list/info.js"
        th:src="@{/js/invoice/list/info.js}"></script>
<script src="./../../js/invoice/list/submit.js"
        th:src="@{/js/invoice/list/submit.js}"></script>

</body>
</html>